<!DOCTYPE HTML>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="playjs.css">
	<script src="playjs.js"></script>
</head>
<body>
		<header>
			<div id="title">
				Play with JS!
			</div>
			<div id="ctime"></div>
			<script>
				setCTime();
			</script>
			<nav>
				<ul>
					<li><a class="main-menu" href="#">Basic JS</a></li>
					<li><a class="main-menu" href="#">Hangman</a></li>
					<li><a class="main-menu" href="#">jQuery</a></li>
					<li><a class="main-menu" href="#">Advanced JS</a></li>
				</ul>
			</nav>
		</header>
		<div id="content">
			<div class="lab">
				<h3>덧셈 계산기</h3>
				<form name="myforme">
					첫번째 정수:
					<input id="x"/><br/>
					두번째 정수:
					<input id="y"/><br/>
					합계:
					<input id="sum"/><br/>
					<input id="button1" type="button" value="계산"/>
				</form>
			</div>
			<div class="lab">
				<p>image change</p>
				<image id="image" src = "1.jfif" alt="photo1" width="200" height="300">
				<br>
				<button id="imageButton">button</button>
			</div>
			<div class="lab">
				<h3>색상 테이블 출력하기</h3>
				<input type="button" id="ctCreate" value="출력하기"/>
				<input type="button" id="ctRemove" value="없애기"/>
				<div id="colorTable"></div>
			</div>
			<div class="lab">
				<div id = "target">
					This is a Text.
				</div>
				<button id="button5">중지</button>
			</div>
			<div class="lab">
				<h3>상자 이동하기</h3>
				<p>
					<button id = "button6">Click me</button>
				</p>
				<div id="container">
					<div id="animate"></div>
				</div>
			</div>
			<div class="lab">
				<h3>구구단 표</h3>
				<table border="1">
				<tr>
					<script>
						for(var i = 2; i < 10; i++)
							document.write("<td>" + i + "단" + "</td>");
					</script>
				</tr>
				<script>
					for(var j = 1; j < 10; j++)
					{
						document.write("<tr>");
						for(var i = 2; i < 10; i++)
						{
							document.write("<td>" + i + "*" + j + "=" + i*j + "</td>");
						}
						document.write("</tr>");
					}
				</script>
				</table>
			</div>
			<div class="lab">
				<h3>숫자 맞주기 게임</h3>
				<p>이 게임은 컴퓨터가 생성한 숫자를 맞추는 게임입니다.<br>
					숫자는 1부터 100사이에 있습니다.</p><br>
				<form>
					숫자:
					<input type="text" id="user" size="5">
					<input id = "button7" type="button" value="확인">
					<input id="button8" type="button" value="다시시작">
					<br><br>
					추측횟수:
					<input type="text" id="guesses" size="5">
					힘트:
					<input type="text" id="result" size="16">
					<input type="text" id="check" size="16">
				</form>
			</div>
		</div>

		<div id="hangman">
			<div>
				<img id = "hangmanpic" src="hangman6.gif" alt="hangman" />
			</div>
			<div id="clue">Press New Game to play!</div>
			<div>
				<input id = "hguess" type="text" size="1" maxlength="1" />
				<button id="guessbutton" disabled="disabled">Guess</button>
			</div>
			<div id="newgamearea;">
				<button id="button9">New Game</button>
			</div>
			<div id="guessstr"></div>
		</div>

		<footer>
			<p>Web Programming, Spring 2024</p>
			<p>Created by 유흠</p>
		</footer>
</body>
</html>